/*
 * @Author: Mark
 * @Date: 2018-09-19 12:43:04
 * @LastEditors: Mark
 * @LastEditTime: 2018-09-20 09:40:51
 * @Description: 首页banner
 */
<template>
  <div>
    <template>
      <el-carousel :interval="4000" type="card" height="300px">
        <el-carousel-item v-for="item in page.carouselData" :key="item.id">
          <img style="width:100%" :src="item.name">
        </el-carousel-item>
      </el-carousel>
    </template>

  </div>
</template>


<script>
import myChart from "@/components/myChart/MyChartTest";
export default {

  data() {
    return {
      page:{
        carouselData:[
          {id : 1,name: "http://img.choisaaaa.shop\\campus\\images\\headline\\2018-05-15-12-02-15-44822.png"},
          {id : 2,name: "http://img.choisaaaa.shop\\campus\\images\\headline\\2018-05-15-12-02-15-44822.png"},
          {id : 3,name: "http://img.choisaaaa.shop\\campus\\images\\headline\\2018-05-15-12-02-15-44822.png"},
          {id : 4,name: "http://img.choisaaaa.shop\\campus\\images\\headline\\2018-05-15-12-02-15-44822.png"},
          {id : 5,name: "http://img.choisaaaa.shop\\campus\\images\\headline\\2018-05-15-12-02-15-44822.png"},
          {id : 6,name: "http://img.choisaaaa.shop\\campus\\images\\headline\\2018-05-15-12-02-15-44822.png"}
        ]
      },
      webServer: '',
      chart: {
        sourceWebChart: {}
      }
    };
  },
  mounted() {
    
  },

  methods: {
    
  }
}
</script>

<style lang='scss' scoped>
@import "@/assets/css/home/home-banner.scss";
</style>
